﻿@charset "utf-8";

*{ margin:0px; padding:0px;  scrollbar-3dlight-color:#ccc;scrollbar-highlight-color:#f1f1f1;scrollbar-face-color:#ccc;scrollbar-arrow-color:#000;scrollbar-shadow-color:#ccc;scrollbar-dark-shadow-color:#f1f1f1;scrollbar-base-color:#000;scrollbar-track-color: #eee;}
html{-webkit-text-size-adjust:none; height:100%; }
div,form,img,ul,ol,li,p,dl,dt,dd {border: 0;list-style:none;}
ul,li {list-style: none }
img, input, select, button{vertical-align:middle;}
img{ border:0;}
a{text-decoration:none; cursor:pointer; color:#333;}
body{ font:12px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; height:100%;}
table {border-collapse: collapse; }
.clear{ clear:both; height:0; overflow:hidden;}

*::-webkit-scrollbar{ width:10px; background-color:#f1f1f1; height:8px; }
*::-webkit-scrollbar-button{ display:none }
*::-webkit-scrollbar-track{ display:none }
*::-webkit-scrollbar-thumb{ background-color:#ccc;  }

.layui-layer-title{ background-color:#fff;  }

.datagrid-cell{ padding:7px 10px !important;  }
.datagrid-td-rownumber{ padding:7px 0px !important; }
.datagrid-cell-check ,.datagrid-header-check{padding:7px 10px; height:20px; }
.datagrid-header-check{  background-color:#f5f5f5;  }
.datagrid-header,.datagrid-header-inner,.datagrid-htable{ background-color:#f5f5f5; }
.datagrid-btable tr td,.datagrid-htable tr td{ border-style:solid; border-color:#ddd; }
.datagrid-row-over{ background-color:#f1f1f1  !important; color:#000  !important; }
.datagrid-row-selected{ color:#fff  !important; background-color:#2494F2 !important; }
.tabs-icon{ line-height:16px; }
.tabs li a.tabs-inner{  padding:2px 18px; }
.tree-title{ height:auto;  }
.tree-icon-none{ display:none; }
.tree-hit{ background-image:none; font-weight: 900;font-family:'FontAwesome'; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; }
.tree-collapsed:before { content: "\f0da"; }
.tree-expanded:before{ content: "\f0d7"; }
.l-btn-text .fa{ margin-right:6px; }
.tree-icon.fa{ background-image:none; line-height:18px;  }
.tabs-header{ padding-top:10px; }
.easyui-combobox{ padding:0 10px; }
.panel-header { background:#f1f1f1; }
.textbox-text{ text-indent:4px; }
.easyui-menu i{ width:18px; }
.fa-icon{ width:18px; font-size:14px; text-align:center; }

.edui-default .edui-editor-toolbarboxouter{ background:none !important; background-color:#f8f8f8 !important; box-shadow:none !important }
.edui-default .edui-editor{ border-radius:0px !important }
.edui-default .edui-editor-toolbarbox { box-shadow:none !important; }
.edui-combox-body.edui-default,.edui-button-body.edui-default,.edui-menubutton-body.edui-default,.edui-splitbutton-body.edui-default{ height:20px; }
.edui-box.edui-default { margin:2px !important; }
.edui-box.edui-default .edui-box.edui-default{ margin:0px!important; }
.edui-default .edui-dialog-shadow{ border-radius:0px !important; }
.edui-default .edui-dialog-titlebar { background:none !important; background-color:#f5f5f5 !important; }
.edui-dialog-shadow.edui-default{ box-shadow:none !important; border:1px solid #ddd !important; }

.loading-mask{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; display:flex; align-content:center; justify-content:center;align-items:center; z-index:999999999 }
.loading-box{ padding:30px 60px;  background-color:rgba(0,0,0,.5); color:#fff; text-align:center;  }
.loading-box p{ margin-top:10px; }
.loading-animation{ width: 20px; height: 20px; border:1px  rgba(255,255,255,1) solid; margin: 5px auto;  position: relative; -webkit-animation: fill_color 5s linear infinite; -moz-animation: fill_color 5s linear infinite; animation: fill_color 5s linear infinite;}
.loading-animation:after{ width: 4px; height: 4px;  position: absolute; content: "";  background-color: rgba(255,255,255,1); top: -8px; left: 0px; -webkit-animation: square_check 1s ease-out infinite; -moz-animation: square_check 1s ease-in-out infinite;  animation: square_check 1s ease-in-out infinite;}
@-webkit-keyframes square_check{ 25%{ left: 22px; top: -8px;} 50%{ left: 22px; top: 22px;} 75%{ left: -9px; top: 22px;} 100%{ left: -9px; top: -7px;}}
@-moz-keyframes square_check{ 25%{ left: 22px; top: -8px;} 50% { left: 22px; top: 22px; }75%{ left: -9px; top: 22px;}100%{ left: -9px; top: -7px;}}
@keyframes square_check{ 25%{ left: 22px; top: -8px;} 50%{ left: 22px; top: 22px;}  75%{ left: -9px; top: 22px;}100%{ left: -9px; top: -7px;}}
@-webkit-keyframes fill_color{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.1);}100%{ box-shadow: inset 0px -20px 0px 0px rgba(255,255,255,1);}}
@-moz-keyframes fill_color{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(255,255,255,1);}}
@keyframes fill_color{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(255,255,255,1);}}

.error-500{ width:100%; height:100%; overflow:auto; box-sizing:border-box; padding:20px; }
.error-500 img{ width:300px; }
.error-500-content{ background-color:#fff; border-radius:4px; border:1px solid #ccc; max-width:80%; width:750px; padding:30px; display:inline-block; text-align:left;  }
.error-500-content h2{ color:red; margin-bottom:15px; font-size:18px;  color:red; }
.error-500-content *{ margin-bottom:5px; word-wrap:break-word; color:#666;font:14px/1.5 "黑体","微软雅黑","宋体",sans-serif;  }
.error-500-footer{ padding:20px; color:#999; font-size:12px; }


.error-404{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; align-items:center; flex-direction:column; }
.error-404 img{ max-width:80%; }
.error-404-content{ display:flex; align-content:center; align-items:center; }
.error-404-content img{  margin-right:5px; }
.error-404-info { text-align:center; }
.error-404-info h2{  margin-top:10px; margin-bottom:15px; font-size:18px; font-weight:400; }
.error-404-info p{ color:#666;  }
.error-404-footer{ text-align:center; font-size:12px; margin-top:20px; color:#999; }

.main-menu-list{ background-color:#272930; font:12px/1.5 "微软雅黑","宋体",sans-serif; font-weight:400; overflow:auto; }
.main-menu-list::-webkit-scrollbar{ width:10px; height: 0px; background: #35373e; }
.main-menu-list::-webkit-scrollbar-thumb { background: #6e6f76; border-radius:10px; margin:2px; }
.main-menu-list::-webkit-scrollbar-track-piece {background: #272930;}
.main-menu-footer{ background: #272930; border-top: 1px solid #000; border-right: 1px solid #111; border-left:1px solid #272930; color: #999 ; box-shadow:inset 0px 1px 1px #3a3a3a; height:33px; line-height:33px; overflow:auto; text-align:center; }
.main-menu-header{ background: #272930; border: 1px solid rgb(0, 0, 0);color: #fff !important; }
.main-menu-header .panel-title{ color:#fff !important; height:30px; line-height:30px; font-size:14px; }
.main-menu-header .panel-title span,.main-menu-header .panel-title i{ display:inline-block; vertical-align:middle; margin-left:5px; }
.main-menu-header .panel-tool{ right:12px; }
.main-menu-header .panel-tool .layout-button-left{ background-color:#999; border-radius:3px; }
.main-system-info{ border-top: 1px solid #32353e; font-size:14px; border-bottom: 1px solid #1a1c20; display: block; padding: 14px 18px 13px 15px; color: #eee; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); white-space: nowrap; position:relative; }
.main-system-info i:first-child{ width:34px; text-align:center; }
.main-system-info i:last-child{ position:absolute; right:15px; }
.main-system-info:hover{ background-color:#2f3139; }
.main-system .easyui-tree{ background-color:#1a1c20; color:#999; padding:10px 0; }
.main-system .easyui-tree li .tree-node{ padding-left:5px; }
.main-system .easyui-tree .tree-icon{ background-image:none; }
.main-system .easyui-tree .tree-node{ transition:background,border 1s; display:flex; align-content:center; align-items:center; justify-content:flex-start; height:30px; border-left:4px solid #1a1c20; border-right:4px solid #1a1c20; }
.main-system .easyui-tree .tree-node span{ height:auto; }
.main-system .easyui-tree .tree-node-hover{ background-color:#24272c; color:#999 }
.main-system .easyui-tree .fa-icon{ width:22px; text-align:center; }

.main-menu-app{ color:#fff !important; height:38px !important; position:relative; background-color:#35373e; border:1px solid #000; box-shadow: inset 0px 0px 2px #888;  border-radius:10px; margin:10px 10px 10px 15px; }
.main-menu-app .fa-angle-right{ position:absolute; right:10px; color:#fff }
.main-menu-app .tree-icon{ color:#fff;  font-size:15px; width:22px; height:22px !important; line-height:22px; margin-right:6px; border-radius:50%; margin-left:20px;  }
.main-menu-app.tree-node-selected { background-color:#2494F2 !important; box-shadow: inset 0px 0px 2px #fff; }
.main-menu-app.tree-node-selected,.main-menu-app:hover{ color:#fff !important; }
.main-menu-app.tree-node-selected .tree-icon{ color:#fff !important; }
.main-menu-app.tree-node-selected .fa-angle-right{ display:none; }
.main-menu-app .tree-indent{ display:none; }

.main-header{  background-color:#2494F2; display:flex; align-content:center; align-items:center; }
.main-header-right{ position:absolute; right:0px;  display:flex; height:100%; align-content:center; align-items:center; justify-content:center; }
.main-header-nav{ display:flex; justify-content:center; align-items:center; align-items:center; height:100%; }

.main-header-nav a{ transition: All 0.1s ease-in-out; border-radius: 2px; -webkit-border-radius: 2px; padding: 4px 16px; border:1px solid #2585d7; box-shadow:inset 0 0 2px #81c3f8;   line-height:22px; font-size:20px; text-align: center; color:#fff; margin:5px; position:relative;  border-radius:5px;  }
.main-header-nav a:hover{ background-color:#208be5; }
.main-header-nav a b{ width:7px; height:7px; border-radius:50%; background-color:#e44c34; position:absolute; right:1px; top:1px; }
.main-header-nav a span{ display:block; text-align:center; font-size:12px; height:12px; line-height:12px; margin-top:3px; }
.main-header-user .layui-nav{ background-color:#2494F2; }
.main-header-user .layui-nav .layui-nav-child i{ width:18px; }
.main-header-user .layui-nav-img{ width:30px; height:30px; }
.main-footer{ height:32px; line-height:32px; text-align:center; overflow:hidden; background-color:#f1f1f1; border-top:1px solid #ccc; color:#666; text-shadow:1px 1px 2px #fff; }
#main-layout > .layout-panel-north{ overflow:visible;  }
#main-tabs-panel-menu i{ width:15px; }
.tabs-tool { top:0px; }
.tabs-tool .fa{ line-height:16px; }
.tabs-tool table tr td:first-child{ padding-left:8px;}
.tabs-tool table tr td:last-child{ padding-right:8px;}

.toolbar{ display:flex; flex-wrap:wrap; align-content:center; align-items:center; border-bottom:1px solid #ddd; background-color:#fafafa; padding-left:10px; padding-top:8px; }
.toolbar a,.toolbar .datagrid-btn-separator{ margin-right:10px; margin-bottom:8px; }

.searchbar{ display:flex; flex-wrap:wrap; align-content:center; align-items:center; border-bottom:1px solid #ddd; padding:3px 0; background-color:#fafafa; }
.searchbar-item{ display:flex; align-content:center; align-items:center; margin:4px 8px; }
.searchbar-item label{ margin-right:8px; }

.form{ display:block; width:100%; }
.form-group{ display:flex; width:100%; border: none; border-bottom:1px dashed #e1e1e1; }
.form-inline{ display:flex; flex:1; }
.form-input-group{ flex:1; display:block; margin:10px; line-height:28px; }
.form-label{ width: 70px; margin:10px; line-height:28px; text-align: right; font-weight:bold;  white-space: nowrap; color:#000;}
.form-title{ border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:8px; }
.form-placeholder{ color:#999; margin:5px 0; }
.form-input-prompt{ display:block; color: #555; padding:5px 0; }
.textarea{ width:100%; height:100px; padding:8px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; }
.form-inpu-text{ border: 1px solid #D3D3D3; display: inline-block; overflow: hidden; white-space: nowrap; margin: 0px; padding: 0px 5px;  height: 28px;  line-height: 28px; }

.soon-files-index{ padding:20px; }
.soon-files-index-title{ display:flex; justify-content:center; align-items:center; }
.soon-files-index-title span:last-child{ border-bottom:1px solid #ddd; height:0px; flex:1; margin-left:15px; }
.soon-files-index-disk{ display:flex; align-items:center; margin-top:20px; padding:8px 15px; float:left; cursor:pointer; }
.soon-files-index-disk:hover{ background-color:#f5f5f5;  }
.soon-files-index-disk img{ margin-right:15px; }
.soon-files-index-disk-info{ display:flex; flex-direction:column; }
.soon-files-index-disk-info span:nth-child(2){ width:200px; height:18px; border:1px solid #ddd; margin:5px 0; position:relative; }
.soon-files-index-disk-info span:nth-child(2) b{ height:18px; position:absolute; left:0px; top:0px; min-width:5%; background-color:#2494F2; }
.soon-platform-files-list-nav i{ margin:0 5px; }
.soon-platform-files-list-nav{ display:flex;padding:10px;flex-wrap:wrap; align-items:center; align-content:center; border-bottom:1px dashed #eee; }
.soon-platform-files-list-box{ display:flex; flex-wrap:wrap; margin:10px; }
.soon-platform-files-list-box a{ display:flex; width:100px; margin:3px; flex-direction:column; align-items:center; align-content:center;  border-radius:4px; padding:5px; position:relative; border:1px solid #fff; }
.soon-platform-files-list-box a img{ width:60px; height:60px; margin-bottom:5px; }
.soon-platform-files-list-box a span{ text-align:center; width:100px; height:34px; line-height:16px; word-wrap: break-word; word-break: normal; }
.soon-platform-files-list-box a:hover,.soon-platform-files-list-box .on{ background-color:#f1f5fa; }
.soon-platform-files-list-box a i{ position:absolute; top:6px; left:6px; font-size:20px; color:#99b5de; display:none; }
.soon-platform-files-list-box a:hover i,.soon-platform-files-list-box .on i{ display:block; }
.soon-platform-files-list-box .on{ border-color:#dde5ef }
.easyui-linkbutton input{ opacity:0; }

.avatar-body {  padding: 15px; }
.avatar-upload { margin-bottom: 15px; display: flex; align-items:center; }
.avatar-upload span{ margin-left:15px; }
#avatarInput {  display: none; }
.avatar-btn{ display:flex; }
.avatar-btn-left{ display:flex;flex:1;  }
.avatar-btn-left .layui-btn{ margin-right:5px; margin-left:0px; }
.avatar-center-wrapper{  overflow:hidden; flex:1; border:1px solid #ddd; background-image:url("") }
.avatar-center{ display:flex; height:400px; margin-bottom:15px; }
.avatar-center-preview{  margin-left:10px; padding-left:15px; margin-right:30px; display:flex; flex-direction:column; align-items:center; }
.avatar-center-preview-img{ margin-bottom:6px;  border-radius:50%; border:1px solid #ddd; overflow:hidden; text-align:center; }
.avatar-center-preview-img:first-child{ width:120px; height:120px; }
.avatar-center-preview-img:nth-child(3){ width:80px; height:80px;  }
.avatar-center-preview-img:nth-child(5){ width:50px; height:50px; }
.avatar-center-preview span{ margin-bottom:15px; }

.soon-assembly-organize{ border:1px solid #ddd; max-width:99%; }
.soon-assembly-organize-tools{  padding-bottom:10px; border-bottom:1px solid #ddd; }
.soon-assembly-organize .datagrid-btable{ bottom:-1px; position:relative; }
.soon-assembly-organize .datagrid-body{ overflow:hidden;  }
.soon-assembly-organize-title{ font-weight:bold; padding-left:10px; background-color:#f5f5f5; height:36px; line-height:36px; border-bottom:1px solid #ddd; }
.soon-assembly-organize-null{ text-align:center; padding-bottom:20px; color:#777; }
.soon-assembly-organize-text{ width:100%; height:0px; overflow:hidden; }
.soon-assembly-organize-text input{ width:90%; }
.soon-assembly-organize-simple .tagbox-label b{ display:none; }
.soon-assembly-listitem li{  line-height:22px; overflow:hidden; padding:8px; border-bottom:1px dashed #e1e1e1; cursor:pointer}
.soon-assembly-listitem li span{ display:inline-block; min-height:20px; min-width:15px; float:left; margin-left:3px; }
.soon-assembly-listitem li span input{ display:none; }
.soon-assembly-listitem li span .fa-angle-right{ font-size:16px !important; line-height:22px !important;  }
.soon-assembly-listitem li:hover{ background-color:#f1f1f1; }
.soon-assembly-listitem .on{ background-color:#2494F2; color:#fff }
.soon-assembly-listitem .on:hover{ background-color:#2494F2; color:#fff; }
.soon-assembly-listitem li input{ width:16px; height:16px; display:inline-block; }
.soon-assembly-listitem li span:first-child i{ margin-right:5px; }
.soon-assembly-icon i{ font-size:20px; margin-bottom:5px; }
.soon-assembly-icon .easyui-linkbutton i{ font-size:12px; margin:0px; }
.soon-assembly-icon input{ height:0px; overflow:hidden; border:none; width:60px; }
.soon-assembly-icon p{ margin:0px; }
.soon-assembly-icon-select{ display:flex; flex-wrap:wrap; padding:10px; }
.soon-assembly-icon-select a{ display:flex; flex-direction:column; align-items:center; align-content:center; justify-content:center; width:100px; height:80px; margin:5px; padding:5px; text-align:center; border:1px solid #ddd; background-color:#f5f5f5; }
.soon-assembly-icon-select a i{ font-size:26px; height:26px; }
.soon-assembly-icon-select a:hover{ background-color:#fff; }
.soon-assembly-icon-box .textbox-text{ height:26px; line-height:26px; border:1px solid #ddd; border-radius:5px; padding:0 8px; }
.soon-assembly-icon-show{ padding:5px; text-align:center; display:flex; flex-direction:column; align-items:center; align-content:center; justify-content:center; background-color:#f5f5f5; margin-bottom:8px; width:100px; height:80px;  border:1px solid #ddd; }
.soon-assembly-icon-show i{ font-size:35px; height:35px; margin-bottom:5px; }
.soon-assembly-icon-show span{ line-height:12px; }
.soon-assembly-cover-img{ width:120px; height:120px; line-height:120px; background-image:url(/platform/resource/img/soon-image-bg.png); position:relative; text-align:center; margin-bottom:15px; border:1px solid #ddd; cursor:pointer; }
.soon-assembly-cover-img img{ max-width: 90%; max-height: 90%;vertical-align: middle; cursor:zoom-in }
.soon-assembly-cover input{ height:0px; overflow:hidden; border:none; width:5px; }
.soon-assembly-location-select{ display:inline-block; }
.soon-assembly-location .textbox.combo{ margin-right:12px; }
.soon-assembly-location input{ height:0px; overflow:hidden; border:none; width:5px }
.soon-assembly-selection label{ display:inline-block; height:16px; line-height:16px; padding:6px 10px;background-color:#f5f5f5; border:1px solid #ddd; border-radius:3px; white-space:nowrap; margin-right:8px; margin-bottom:8px; cursor:pointer; position:relative; }
.soon-assembly-selection label input,.soon-assembly-selection label span{ display:inline-block; white-space:nowrap; vertical-align:middle; line-height:16px; }
.soon-assembly-selection label input{ display:none; }
.soon-assembly-selection label:hover{ background-color:#ddd; color:#000; border-color:#ccc; }
.soon-assembly-selection .checked{ background-color:#2494F2 !important; color:#fff !important; border-color:#2574b6 !important; }
.soon-assembly-sign-container{ cursor:pointer; user-select: none; display:inline-block; }
.soon-assembly-sign-container span{ display:block; width:300px; height:150px; line-height:150px; color:#999; font-size:20px; text-align:center; border:1px solid #ddd; background-image:url(/Platform/Resource/img/soon-image-bg.png); }
.soon-assembly-sign-container img{ display:none; width:300px; border:1px solid #eee; }

.im-dialog{ width:100%; height:100%; position:relative; display:none; }
.im-dialog .layui-layer-setwin{ z-index:999; }
.im-panel{ width:280px; border-right:1px solid #eee; margin:0px !important; height:100%; display:flex; flex-direction:column; position:relative; z-index:999; }
.im-panel .layui-tab-title{ background-color:#f1f1f1; height:45px; display:flex; padding-top:10px; }
.im-panel .layui-tab-title i{ font-size:24px; }
.im-panel .layui-tab-title li{ flex:1; height:45px; line-height:45px; color:#555; }
.im-panel .layui-tab-title .layui-this:after{ height:45px; border-bottom:4px solid #3fdd86;  }
.im-panel.layui-tab-brief>.layui-tab-title .layui-this{ color:#333 !important; }
.im-panel .layui-tab-content{ flex:1; padding:0px; overflow:auto; }
.im-panel .layui-tab-title li{ width:33.33%; min-width:initial; }
.im-panel-footer{ background-color:#f1f1f1; height:40px; background-color:#f5f5f5; display:flex; }
.im-panel-footer li{ width: 48px; height: 36px; line-height: 38px; text-align: center;  font-size: 22px;cursor: pointer; margin:2px; }
.im-panel-footer li:hover{ background-color:#e8e8e8; }
.im-tree-line{ width:20px; }
.im-tree-name{ cursor:pointer; padding:6px; display:flex; align-items:center; align-content:center;  }
.im-tree-name i{ color:#999; font-size:12px; width:18px; }
.im-tree-name:hover,.im-tree-user:hover{ background-color:#f5f5f5; }
.im-tree-user{ display:flex; align-items:center; align-content:center; padding:5px 0; margin-bottom:5px; cursor:pointer; }
.im-tree-user img{ width:40px; height:40px; border-radius:100%; border:1px solid #eee; margin-right:8px; }
.im-tree-user-name{ display:flex; flex-direction:column; }
.im-tree-user-name-1{ font-size:14px; }
.im-tree-user-name-2{ font-size:12px; color:#999; display:block; height:16px; line-height:16px; overflow:hidden; }
.im-tree-user-chat img{ margin-left:10px; }
.im-dialog-move{ height:70px;  width:100%; position:absolute; right:0px; top:0px; cursor: move; z-index:998  }
.im-about{ padding:15px; }

.im-chat{ flex:1; display:flex; flex-direction:column;  }
.im-chat-title{ display:flex; align-items:center; border-bottom:1px solid #eee; background-color:#f9f9f9; height:74px; }
.im-chat-info img{ width:50px; height:50px; border-radius: 100%; border:1px solid #eee; }
.im-chat-user{ margin-left:10px;  line-height:16px; margin-top:12px; }
.im-chat-user p:first-child{ font-size:16px; color:#333; margin-top:0px; margin-bottom:0px;  }
.im-chat-user p:last-child{ font-size:12px; color:#999; margin-top:5px; margin-bottom:0px; }

.im-chat-info{ display:flex; padding:10px; }
.im-chat{ display:flex; flex-direction:column;  }
.im-chat-box{ flex:1; display:flex; flex-direction:column; font-size:12px; flex:1; overflow:hidden; }
.im-chat-content{  flex:1; }
.im-chat-footer{ height:150px; border-top:1px solid #F1F1F1; display:flex; flex-direction:column; padding:10px 15px; }
.im-chat-tools{ height:36px; }
.im-chat-textarea{ height:80px; }
.im-chat-textarea textarea{ width:100%; height:100%; font-family:'微软雅黑'; line-height: 20px; border: none;  overflow: auto;  resize: none;  background: 0 0; }
.im-chat-btn{ display:flex; justify-content:flex-end; width:100%; }
.im-chat-btn a{ height:32px; line-height:32px; }
.im-chat-tools { display:flex; align-items:center; color:#666; position:relative; }
.im-chat-tools-item{ position:relative; margin-right:20px; display: inline-block; vertical-align: middle; font-size: 24px; cursor: pointer; }
.im-chat-tools-item:hover{ opacity: .6; filter: Alpha(opacity=60); }
.im-chat-tools-item:last-child{ font-size:14px; position:absolute; right:0px; text-align:right; display:flex; align-items:center; justify-content:flex-end; margin:0px; }
.im-chat-tools-item:last-child .layui-icon { font-size:24px; margin-right:5px; }
.im-chat-tools-item strong{ font-weight:400; }
.im-chat-tools input{ position: absolute; font-size: 0;  left: 0; top: 0; width: 100%;  height: 100%; opacity: .01; filter: Alpha(opacity=1); cursor: pointer; }
.im-chat-tools a{ font-size:20px; margin-right:20px; color:#666; }
.im-chat-content{ padding:20px; overflow:auto; }
.im-chat-content-from,.im-chat-content-to{ display:flex; margin-bottom:25px; }
.im-chat-content-face{ width:40px; height:40px; border:1px solid #eee; border-radius:100%; }
.im-chat-content-info{ flex:1; display:flex; flex-direction:column; align-items:flex-start; }
.im-chat-content-text{ position: relative; line-height: 22px; font-size:14px; margin-top:5px; padding: 8px 15px; max-width:70%;  background-color: #e2e2e2; border-radius: 3px;  color: #333; word-break: break-all; }
.im-chat-content-text:after{ content: '';  position: absolute;  left: -10px; top: 13px;  width: 0; height: 0; border-style: solid dashed dashed;  border-color: #e2e2e2 transparent transparent;  overflow: hidden; border-width: 10px; }
.im-chat-content-text a{ color:#2494F2; }
.im-chat-content-from .im-chat-content-text a{ color:#fff; }
.im-chat-content-user{ color:#999; }
.im-chat-content-user span{ margin-right:12px; }
.im-chat-content-to .im-chat-content-face{ margin-right:15px; }
.im-chat-content-from .im-chat-content-text{ background-color:#5FB878; color:#fff; }
.im-chat-content-from .im-chat-content-text:after{ left: auto; right: -10px;border-top-color: #5FB878; }
.im-chat-content-from .im-chat-content-user{ text-align:right; }
.im-chat-content-from .im-chat-content-face{ margin-left:15px; }
.im-chat-content-from .im-chat-content-info{ align-items:flex-end }
.im-chat-content-from .im-chat-content-user span{ margin-left:12px; margin-right:0; }
.im-face { padding-left:6px; margin-top:5px; }
.im-face ul li{ float:left; margin:5px; }
.im-chat-content-prompt{ padding:30px; text-align:center; color:#999; }
.im-chat-content-img img{ max-width:100%; max-height:150px; cursor:pointer; }
.im-history{ height:100%; overflow:auto; }
.im-history-item{ margin:20px 15px; }
.im-history-item:first-child{ margin-top:20px; }
.im-history-item:last-child{ margin-bottom:20px; }
.layui-search{ height:100%; width:100%; display:flex; flex-direction:column; }
.layui-search-input{ padding:7px; border:1px solid #eee;margin:5px; border-radius:3px; flex-shrink:0 }
.layui-search-input{ display:flex; align-items:center; }
.layui-search-input i{ margin-right:8px; color:#777; }
.layui-search-input input{ flex:1; border:none; }
.layui-search-content{ flex:1; overflow:auto; }

.page h2{ margin:30px 0 15px 0; font-size:14px; font-weight:bold; }
.page h2:first-child{ margin-top:15px; }
.page-table {border-collapse: collapse; border: none; font-size:12px;}
.page-table tr th{ padding:10px; min-width:40px; background-color:#f5f5f5;}
.page-table tr th,.page-table tr td{ border:1px solid #ddd; text-align:left; }
.page-table tr td{ padding:10px 14px; min-width:60px; transition:background-color linear .3s;-moz-transition:background-color linear .3s;-webkit-transition:background-color linear .3s;outline:none;}
.page-table .on td{ background-color:#f3f3f3;}
.page-table .page-table-head{background-color:#f5f5f5; font-weight:bold;}
.page-table tr .left{ text-align:left; padding-left:10px;}
.page-table .page-table-left{ text-align:left; padding-left:20px;}
.page-table .page-table-right{ text-align:right;padding-right:20px;}
.page-table .text-left{ text-align:left; text-indent:10px;}
.page-table-list{ width:100%; }
.page-table-error tr th,.page-table-error tr td{ border:1px solid #cb4a4a; text-align:left; color:red }
.page-table-error tr th{  background-color:#f2dede;}

.page-table-warning tr th,.page-table-warning tr td{ border:1px solid #cb8d4a; text-align:left; color:#c75f10 }
.page-table-warning tr th{  background-color:#f2ebde;}

.page-table-input input[type=text],.page-table-input select{ width:100%; height:100%; border:none; display:block; }
.page-table-canary{ background-color:#fffefb !important; color:#999; }
.page-table-red{ background-color: #fffaed !important; color: #ce0000 !important; }
.page-table-green{ background-color: #f3ffed !important; color: #03a90b !important; }
.page-table-info tr th{ width:80px; }
.page-table-mini tr th{ padding:5px; min-width:30px; }
.page-table-mini tr td{ padding:5px 7px; }


.form-input-group .page-table tr th { padding:6px; }
.form-input-group .page-table tr td { padding:6px 10px; }
.page-echart{ display:inline-block; padding:10px; border:1px solid #ddd; }
.page-echart-btn{ margin:10px 0; }
.page-step{ vertical-align:middle; margin:25px 0; font-size:14px; }
.page-step i{ color:#aaa; font-size:18px; }
.page-step span,.page-step i{ display:inline-block; margin-right:10px; margin-bottom:10px; vertical-align:middle; }
.page-step span{ padding:8px 14px;  background-color:#f1f1f1; color:#999; border-radius:10px; }
.page-step span.current{  background-color:#ffebe3; color:#ff6f30; }
.page-step span.complete{  background-color:#ebf8eb; color:#3eb94e; }
.page-step i.current{ color:#ff6f30; }
.page-step i.complete{  color:#3eb94e; }
.page-tips{ padding:12px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #c09853;font-family:'宋体';font-size:13px;line-height:20px; position:relative;}
.page-tips .close{position:absolute ;top: 2px;right:12px;line-height: 18px;float: right;}
.page-tips span{ color:#fff; }
.page-tips strong{ font-size:12px; margin-bottom:10px; display:inline-block; }
.page-tips p{ margin-top:5px; line-height:20px;}
.page-tips.error{background-color: #f2dede;border-color: #de8383;color: red;}
.page-tips.success{background-color: #dff0d8;border-color: #d6e9c6;color: #468847;}
.page-tips.info{background-color: #d9edf7;border-color: #bce8f1;color: #3a87ad;}


.page-desktop{ width:1000px; margin:20px; position:relative; }
.page-desktop-hello{ margin-bottom:10px; color:#666; }
.page-desktop-information{ display:flex; margin:20px 0; }
.page-desktop-information-box{ flex:1; height:200px; }
.page-desktop-information-box:first-child{ padding-right:15px; }
.page-desktop-information-box:last-child{ padding-left:15px; }
.page-desktop-information-line{ padding:0px !important; }
.page-desktop-information-title{ background-repeat:repeat-x; margin-bottom:15px; background-position:bottom; background-image:url() }
.page-desktop-information-title span{ color: #1479d7; border-bottom: 4px solid #0276DA; display:inline-block; padding-bottom:10px; font-size:14px; }
.page-desktop-information-box a{ width:100% ;display:block; line-height:26px; height:26px; font-size:14px; overflow:hidden; }
.page-desktop-information-box a i{ margin-right:5px; color:#77b8ee }
.page-desktop-statistics{ display:flex; width:100%; margin:20px 0; }
.page-desktop-statistics a{ flex:1; margin-right:10px; height:65px; background-color:#666; border-radius:5px; }
.page-desktop-statistics a:last-child{ margin-right:0; }
.page-desktop-statistics a span{ display:block; margin-left:15px; color:#fff; }
.page-desktop-statistics a span:first-child{ height:30px; line-height:30px; font-size:22px; font-weight:bold; margin-top:6px; }
.page-desktop-statistics a:nth-child(1){ background-color:#2ecc71; }
.page-desktop-statistics a:nth-child(2){ background-color:#3498db; }
.page-desktop-statistics a:nth-child(3){ background-color:#9b59b6; }
.page-desktop-statistics a:nth-child(4){ background-color:#e67e22; }
.page-desktop-statistics a:nth-child(5){ background-color:#e74c3c; }
.page-desktop-echart{ margin:20px 0; padding:10px; border:1px solid #ddd; }

.home{min-width:1100px; width:100%; margin:20px; position:relative;}
.home-top{display:flex;}
.home-top a{margin-right:1.3%;width:13%; height:50px; background-color:#FFFFFF;padding:15px;}
.home-top-labal{color:#AAA;font-size:14px;}
.home-top-value{color:#4F4F4F;font-size:28px;line-height:30px;}
